在Blazor Server应用程序中，当页面返回时，状态会被清除，因此foreach循环可能会消失。为了解决这个问题，可以使用Blazor的持久性状态功能。以下是一个示例：

1. 在组件类中定义一个List属性：

public partial class MyComponent: ComponentBase
{
    private List myList = new List(); // 定义列表属性

    protected override void OnInitialized()
    {
        myList.Add(1);
        myList.Add(2);
        myList.Add(3);
    }
}

2. 使用Blazor的持久性状态功能，将列表属性保存在浏览器的Local Storage中：

@inject IJSRuntime JSRuntime // 注入IJSRuntime

@if (myList != null)
{
    @foreach (var item in myList)
    {
        
@item
    }
}

@code {
    private List myList;

    protected override async Task OnInitializedAsync()
    {
        myList = await JSRuntime.InvokeAsync>("getState", "myList"); // 从 Local Storage 中获取状态
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender && myList != null)
        {
            await JSRuntime.InvokeVoidAsync("setState", "myList", myList); // 将状态保存到 Local Storage 中
        }
    }
}

3. 在JavaScript文件中实现getState和setState函数：

window.getState = function (key) {
    return JSON.parse(localStorage.getItem(key));
}

window.setState = function (key, value) {
    localStorage.setItem(key, JSON.stringify(value));
}

这样，每当组件重新加载时，列表属性将从Local Storage中获取其以前的状态。