如何将ViewModel属性绑定到动态列表

Question

假设我具有以下数据模型：鞋子具有多种可用颜色。

一些例子：

Shoe A -> Red, Brown, Black Shoe B -> Red, Black

可用的鞋子也会随着时间而改变。

如何将其绑定到视图模型？ 我认为我有：

@foreach(var shoe in Model.AvailableShoes)
{
    <div class="form-group">
        <label>@shoe.Description</label>
        <select class="custom-select" name="@shoe.Id">
            @foreach(var color in shoe.Colors)
            {
                <option value="@color.Id">@color.Description</option>                
            }
        </select>
    </div>
}

但是，如何在我的视图模型中绑定它呢？随着AvailableShoes的更改，似乎无法为每个可用的鞋子创建属性。还是应该使用FormCollection（我不喜欢）？