选择第一个下拉列表必须显示相关的下拉列表

Question

    var ViewModel = function () {
    var self = this;
    self.categories = ko.observableArray([
    {
    "name": "10th", "subcategories": [
    { "name": "SSC" },
    { "name": "CBSE" }
    ]
    },
    {
    "name": "12th", "subcategories": [{
    "name": "MPC"
    }, { "name": "BPC" }]
    }
    ]);
    self.selected_category = ko.observable();
    self.selected_sub_category = ko.observable();
    }
    ko.applyBindings(new ViewModel());

我选择的第一个下拉列表有2个值，如SSC和12th，因此必须根据第一行中的第一个下拉列表显示第二个下拉列表。当我单击添加按钮时，第一个下拉列表正确绑定，但第二个下拉列表是在第一行中选择的值。我需要第二个下拉列表来绑定值取决于其他选择，如我选择第二行的第12行，所以第二次下拉应该有“MPC”和“BPC”作为其值不是“SSC”和“CBSE”