SwiftUI select only XX first value in array with ForEach - arrays

Question

In my project I've got a view where I use a ForEach to load each line of my structured array. This array is filled via a Firebase download when the app is started but to be more responsive I would like to load only some last value. I've got a date value in each line and I would like for example the only 10 first lines where the first line is the most recent entry !
The number of last entry to show is saved via the #AppStorage in the user setting part of the app.
And I'm trying to implement a button "load more line" at the end of all my array lines.
My view is defined as follow :
//get the numbers of flights to load in my array or 10 by default
#AppStorage("flightToLoad") private var flightToLoad: Int = 10
#State var thisSessionFlightToLoad = flightToLoad
[...var body ...]
ScrollView{
VStack {
//First ForEach to set the Date value as Section Header :
ForEach(flightLibrary.uniqueDates, id: \.self) { date in
Section(header:
HStack{
Text(flightLibrary.frmt.string(from: date))
.font(.title3)
Spacer()
}
) {
//Second ForEach to show all the value of each line in my array
ForEach(flightLibrary.testFlight.filter({Calendar.current.isDate($0.date, inSameDayAs: date)})) { flight in
if flight <= thisSessionFlightToLoad{
ZStack {
RoundedRectangle(cornerRadius: 10, style: .continuous)
.fill(Color.white)
NavigationLink(
destination: {
// Code for destination view
}, label: {
LogbookCellView2(flight: flight)
}).accentColor(.black)
}
}else{
// Here I try to add a Button after the line allready loaded
Button{
thisSessionFlightToLoad = thisSessionFlightToLoad + 10
}label:{
Text("Load more flights")
}
}
}
}
}
}.padding(.horizontal, 8)
}
But this is totally not working ...
Hope to be clear in my question !
Thanks for your help !