JSFiddle - React, Tailwind, and code Playground

HTML

<select data-bind="options: options, optionsText: 'name'">
</select>

JavaScript

var json = {
    'MediaType': 1,
    'Country': 2,
    'Region': 3,
    'SubRegion': 4
};

var ViewModel = function(js) {
    var self = this;
    
    
    self.json = js;
    self.options = ko.computed(function() {
        var opts = [];
        for(var key in json)
        {
            if(json.hasOwnProperty(key))
            {
                opts.push({name: key, value: json[key]});
            }
        }
        return opts;
    });
}

var vm = new ViewModel(json);
ko.applyBindings(vm);