Запись отредактированной коллекции в серверную часть (ядро ASP.NET MVC)

У меня есть модальное окно Razor, которое получает данные от BE.

Вот модель

 public class LocationServiceEditDto: EntityDto<int?>
{
    public int ServiceId { get; set; }

    public int? LocationId { get; set; }

    public decimal? Cost { get; set; }

    public int? MaterialUomId { get; set; }

    public string MaterialUomName { get; set; }

    public string LocationName => Location?.Name;

    [JsonIgnore]
    public  LocationNameDto Location { get; set; }

    public ICollection<LocationServicePriceDto> LocationServicePrices { get; set; }
}

в BE я пополняю коллекцию LocationServicePrices

А затем в View я показываю это вот так

<div class = "modal-body box-wrap">
    <form role = "form" novalidate class = "form-validation" name = "ServicePriceInformationsForm">
        <input type = "hidden" asp-for = "Id"/>
        <input type = "hidden" asp-for = "ServiceId"/>
        <div class = "form-group">
            <label class = "required-label">@L("Location")</label>
            <select class = "form-control" required asp-for = "LocationId">
                <option value = "">@L("SelectALocation")</option>
                @if (Model.LocationId.HasValue)
                {
                    <option selected value = "@Model.LocationId">@Model.LocationName</option>
                }
            </select>
        </div>
        <div class = "form-group">
            <label class = "required-label">@L("MaterialUom")</label>
            <select class = "form-control" asp-for = "MaterialUomId" id = "ServicePrice_MaterialUomId">
                <option value = "">Select an option</option>
                @if (Model.MaterialUomId > 0)
                {
                    <option value = "@Model.MaterialUomId">@Model.MaterialUomName</option>
                }
            </select>
        </div>
        <div class = "form-group">
            <label>@L("Cost")</label>
            <input class = "form-control" type = "text" asp-for = "Cost" data-rule-number = "true" data-rule-min = "0" data-rule-max = "@AppConsts.MaxDecimalDatabaseLength">
        </div>
        @foreach (var tier in @Model.LocationServicePrices)
        {
            <div class = "form-group">
                <label>@tier.PricingTierName</label>
                <input class = "form-control" type = "text" asp-for = "@tier.PricePerUnit" data-rule-number = "true" data-rule-min = "0" data-rule-max = "@AppConsts.MaxDecimalDatabaseLength">
            </div>
        }
    </form>
</div>

Я хочу обновить каждый ввод в foreach и обновить @Model.LocationServicePrices.

На данный момент, когда я ввожу значения и отправляю данные в BE, коллекция равна нулю.

Я сохраняю такие данные в файле .js

this.save = function () {
        if (!_$form.valid()) {
            _$form.showValidateMessage();
            return;
        }

        var servicePrice = _$form.serializeFormToObject();

        _modalManager.setBusy(true);
        _serviceService.editLocationService(servicePrice).done(function () {
            abp.notify.info('Saved successfully.');
            _modalManager.close();
            abp.event.trigger('app.createOrEditServicePriceModalSaved');
        }).always(function () {
            _modalManager.setBusy(false);
        });
    };

Код для метода serializeFormToObject

 $.fn.serializeFormToObject = function () {
    var $form = $(this);
    var fields = $form.find('[disabled]');
    fields.prop('disabled', false);
    var json = $form.serializeJSON();
    fields.prop('disabled', true);
    return json;
};

Как я могу это исправить?