JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://andersmalmgren.github.io/Knockout.BindingConventions/src/Knockout.BindingConventions.js"></script>
<select data-name="items"></select>

<div data-name="selectedItem">
    <span data-name="name"></span>
</div>

JavaScript

(function(ko) {
    var orgOptionsApply = ko.bindingConventions.conventionBinders.options.apply;
    ko.bindingConventions.conventionBinders.options.apply = function(name, element, bindings, options, type, data, viewModel) {
        orgOptionsApply.apply(this, arguments);
        
        if (options[0]["name"]) {
            bindings.optionsText = function() { return "name"; }
        }
    };
}(window.ko));

TestViewModel = function() {
    this.items = [{ name: "1" }, { name: "2" }, { name: "3" }];
    this.selectedItem = ko.observable();
};

ko.applyBindings(new TestViewModel());