JSFiddle - React, Tailwind, and code Playground

HTML

<select data-bind="foreach: options, value: selectedValue">
<option data-bind="value: value, text: caption, attr: {title: title}" ></option>
</select>
<span data-bind="text: selectedValue"></span>

JavaScript

var options = [
    {caption: "AAAA",
    value: 1,
    title: "AAAA_title"},   
    {caption: "BBBB",
    value: 2,
    title: "BBBB_title"},   
    {caption: "CCCC",
    value: 3,
    title: "CCCC_title"},   
    ];

var model = {
    options: ko.observableArray(options),
    selectedValue: ko.observable()        
    
};
ko.applyBindings(model);